  <!-- 此头部为首页外的其他页面引用，首页头部特殊，代码写在首页html内部-->
<div class="head">
  <div class="head-inner">
    <div class="head-logo lf">
      <a href="#">
        <img src="images/second/logo.png" alt=""/>
      </a>
    </div>
    <div class="dao-r lf">
      <ul class="head-list">
        <li class="active">
          <a href="#">首页</a>
        </li>
        <li>
          <a href="#">公司介绍</a>
        </li>
        <li>
          <a href="#">优孕服务</a>
        </li>
        <li>
          <a href="#">明心书院</a>
        </li>
        <li>
          <a href="#">中医药</a>
        </li>
        <li>
          <a href="#">中式传统礼仪</a>
        </li>
        <li>
          <a href="#">公益讲堂</a>
        </li>
      </ul>
    </div>
    <div class="language rt">
      <span>中文</span> |
      <span>English</span> |
      <span>繁体</span>
    </div>
    <div class="both"></div>
  </div>
  <div class="head-phone">
    <div class="head-logo">
      <a href="#">
        <img src="images/second/logo.png" alt=""/>
      </a>
    </div>
    <div class="top_cen">
      <a href="javascript:;">
        <span></span>
        <span></span>
        <span></span>
      </a>
    </div>
    <ul class="navlist_mo">
      <li>
        <div class="wl-fh">
          <span>
            &gt;&gt;
          </span>
        </div>
        <a href="#">首页</a>
      </li>
      <li>
        <a href="#">公司介绍</a>
      </li>
      <li>
        <a href="#">优孕服务</a>
      </li>
      <li>
        <a href="#">明心书院</a>
      </li>
      <li>
        <a href="#">中医药h</a>
      </li>
      <li >
        <a href="#">中式传统礼仪</a>
      </li>
      <li>
        <a href="#">公益讲堂</a>
      </li>
      <li class="mo">
        <a>语言</a>
        <ul class="abm_nav">
          <li>
            <a href="#">中文 <i>&gt;&gt;</i></a>
          </li>
          <li>
            <a href="#">English <i>&gt;&gt;</i></a>
          </li>
          <li>
            <a href="#">繁体<i>&gt;&gt;</i></a>
          </li>
        </ul>
      </li>
    </ul>
  </div>

</div>
  <script>
    $(function(){
      /*导航下拉宽度控制*/
     /*导航搜索效果*/
      $('.head-list>li').on('mouseenter',function(){
        $(this).children('div').slideDown(200);
      }).on('mouseleave',function(){
        $(this).children('div').slideUp(200);
      });
      //点击切换导航栏按钮  手机端
      $('.head-phone').on('click','.top_cen a',function(){
          //console.log('22');
          $('.navlist_mo').css('right','0');
          /*$('.navlist_mo').css('right','0');*/

      });
      $('.wl-fh span').on('click',function(){
        $('.navlist_mo').css('right','-100%');
      });
      //侧边栏点击切换效果  手机端
      $('.head-phone').on('click','.mo>a',function(){
        if($(this).parent().attr('class')!='mo active'){
          $(this).parent().addClass('active');
          $(this).parent().siblings().removeClass('active');
        }else{
          $(this).parent().removeClass('active');
        }
      });
      //侧边栏点击切换效果  手机端

    })
  </script>

